<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./js/fontsize.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>文章资讯</title>
</head>

<body>
<div class="continuing-education">
    <!-- 标题 -->
    <div class="title">
        <h3>中外运-日新国际货运有限公司 </h3>
    </div>
    <!-- 主体内容区 -->
    <div class="main">
        <!-- tab切换-->
        <div class="nav">
            <ul class="nav-tab">
<!--                onclick="changeTab(0)"-->
                <li class="nav-tab-li"  class="selected">新闻资讯</li>
                <li class="nav-tab-li" >娱乐头条</li>
                <li class="nav-tab-li" >阅读平台</li>
                <li class="nav-tab-li" >游戏资讯</li>
            </ul>
        </div>
        <!--内容部分-->
        <div class="container">
            <div class="part">
                <div class="part-left">
                    <p class="part-p">北京盈科(成都)律师事务所(以下简称“盈科成都"")</p>
                    <span class="part-date">2021年10月3日</span>
                </div>
                <div class="part-right">
                    <img src="images/article/first.png" alt="第一张图">
                </div>
            </div>
            <div class="part">
                <div class="part-left">
                    <p class="part-p">极课大数据破解基层学校教</p>
                    <span class="part-date">2021年10月2日</span>
                </div>
                <div class="part-right">
                    <img src="images/article/second.png" alt="第一张图">
                </div>
            </div>
            <div class="part">
                <div class="part-left">
                    <p class="part-p">北京盈科(成都)律师事务所(以下简称“盈科成都"")</p>
                    <span class="part-date">2021年10月1日</span>
                </div>
                <div class="part-right">
                    <img src="images/article/three.png" alt="第一张图">
                </div>
            </div>
            <div class="part">
                <div class="part-left">
                    <p class="part-p">北京盈科(成都)律师事务所(以下简称“盈科成都"")</p>
                    <span class="part-date">2021年9月4日</span>
                </div>
                <div class="part-right">
                    <img src="images/article/four.png" alt="第一张图">
                </div>
            </div>
            <div class="part">
                <div class="part-left">
                    <p class="part-p">郑州市第四轮全员核酸检测全部结束 11名确诊患者达…</p>
                    <span class="part-date">2021年9月2日</span>
                </div>
                <div class="part-right">
                    <img src="images/article/five.png" alt="第一张图">
                </div>
            </div>
            <div class="part">
                <div class="part-left">
                    <p class="part-p">北京盈科(成都)律师事务所(以下简称“盈科成都"")</p>
                    <span class="part-date">2021年10月3日</span>
                </div>
                <div class="part-right">
                    <img src="images/article/first.png" alt="第一张图">
                </div>
            </div>
            <div class="part">
                <div class="part-left">
                    <p class="part-p">上海交通大学未来技术学院成立：聚焦能源、健康</p>
                    <span class="part-date">2021年9月2日</span>
                </div>
                <div class="part-right">
                    <img src="images/article/six.png" alt="第一张图">
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <div class="footer">
        <div class="news">
            <div>
                <img src="images/article/article.png"></img>
            </div>
         <div>文章资讯</div>
        </div>
        <div class="person">
          <div>
              <img src="images/article/personal.png" alt="">
          </div>
            <p>个人中心</p>
        </div>
    </div>
</div>
</div>
</body>
<script>
    // 获取到元素
    // var tabs = document.getElementsByClassName("nav-tab")[0].getElementsByTagName('li');
    // var contants = document.getElementsByClassName('contant-tab');
    // var spans = document.getElementsByClassName('border-gradient');
    //
    // function changeTab(index) {
    //     for (var i = 0; i < tabs.length; i++) {
    //
    //         if (i == index) {
    //             spans[i].style.display = 'block'
    //             tabs[index].className = 'selected';
    //             contants[index].className = 'contant-tab show';
    //         } else {
    //             tabs[i].className = '';
    //             contants[i].className = 'contant-tab';
    //             spans[i].style.display = 'none'
    //         }
    //     }
    // }
</script>

</html>
